<template>
  <div class="main-box">
       <img src="../../assets/images/返回.png" alt="" class="back" @click="back">
    <video controls :src="url" class="video">
      
    </video>
  </div>
</template>

<script>
export default {
  name: "Movie",
  computed: {
    id() {
      return this.$route.query.id;
    }
  },
  mounted() {
    this.axios.get(`mv/url?id=${this.id}`).then(res => {
      console.log(res);
      this.url = res.data.data.url;
    });
  },
  data() {
    return {
      url: ""
    };
  },
  methods: {
     back(){
      this.$router.back();
    }  
  },
};
</script>

<style scoped>
.video{
    width:100%;
}
.back{
  width:60px;
  height: 60px;
  margin-left: 25px;
  margin-top:25px;
}
.main-box{
  position: absolute;
  z-index: 100;
  min-height: 100%;
  width: 100%;
  top:0;
  left: 0;
  background:-webkit-linear-gradient(top, rgb(240,125,125)0%,rgb(225,237,195)100%);
   
}
</style>